*{
	margin: 0;
	padding: 0;
}
html{
	scroll-behavior: smooth;/*滚动框指定滚动行为*/
}
/*头部*/
header{
	width: 1580px;
	height: 60px;
	background-image:linear-gradient(to right,#262626,#444444);
	position: fixed;
	z-index: 5;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
	/*下划线*/
}
.top{
	margin-left: 200px;
	margin-top: 12px;
}
.top li{
	float: left;
}
.top a{
	color: #FFFFFF;
}
.top1 a{
	color: #FFFFFF;
}
.top1{
	margin-left: 400px;
	margin-top: 20px;
}
.top1 li{
	float: left;
	margin-left: 90px;
}
.top1 li:nth-child(1){
	border-bottom: 2px solid #D90000;
	/*下边线 2像素 实线 红色*/
	height: 38px;
}
/*鼠标经过.top1中的 第二个li*/
.top1 li:nth-child(2):hover{
	border-bottom: 2px solid #D90000;
	height: 38px;
}
.top1 li:nth-child(3):hover{
	border-bottom: 2px solid #D90000;
	height: 38px;
}
.top1 li:nth-child(4):hover{
	border-bottom: 2px solid #D90000;
	height: 38px;
}
.top2{
	border: 1px solid #EA524E;
	width: 80px;
	height: 25px;
	text-align: center;
	margin-left: 1200px;
}
.top2:hover{
	border: 1px solid #B20000;
}
.top2 p{
	font-size: 12px;
	line-height: 25px;
	/*行高*/
	color: #EA524E;
}
.top3{
	margin-left: 1290px;
	margin-top: -21px;
}
.top3 a{
	color: #FFFFFF;
}
.top3 li{
	float: left;
	font-size: 12px;
	color: #AAAAAA;
	margin-left: 10px;
}
/*内容*/
section{
	width: 1580px;
	height: 100%;
}
.logo img{
	width: 1582px;
	height: 800px;
}
.logo img:nth-child(2){
	position: relative;
	/*相对定位*/
	top: -700px;
	left: 210px;
	width: 1100px;
	height: 520px;
}
.logo1{
	margin-top: -900px;
	margin-left: 680px;
}
.logo1 a{
	color: #EA524E;
}
.logo1 li:nth-child(1){
	border: 2px solid #EA524E;
	width: 200px;
	text-align: center;
	line-height: 60px;
	height: 60px;
	font-size: 30px;
	position: relative;
}
.logo1 li p{
	transition: all 2s linear;
}
.logo1 li p:hover{
	transform: scale(1.1);
}
.logo1 li:nth-child(2){
	font-size: 15px;
	color: #DC2A16;
	margin-top: 12px;
	margin-left: 12px;
}
.logo2{
	position: relative;
	top: 120px;
}
.logo2 li{
	float: left;
}
.logo2 li img:nth-child(1){
	width: 130px;
	margin-left: 290px;
	height: 100px;
	transition: all 5s;
}
.logo2 li img:hover:nth-child(1){
	transform: translateX(20px);
}
.logo2 li img:nth-child(2){
	width: 130px;
	margin-left: 200px;
	height: 100px;
	transition: all 5s;
}
.logo2 li img:hover:nth-child(2){
	transform: translateX(20px);
}
.logo2 li img:nth-child(3){
	width: 130px;
	margin-left: 200px;
	height: 100px;
	transition: all 5s;
}
.logo2 li img:hover:nth-child(3){
	transform: translateX(20px);
}
.logo3{
	margin-top: 280px;
	position: relative;
}
.logo3 img{
	width: 1580px;
	height: 800px;
}
.logo3 h3{
	margin-top: -670px;
	margin-left: 670px;
	font-size: 30px;
	 animation: am 10s infinite;
}
@keyframes am {
    50%{color: #D90000;}
}
.logo4{
	position: relative;
	left: 729px;
	border-bottom: 3px solid red;
	width:100px;
	height: 30px;
}
.logo5 {
	float: left;
}
.logo5 li{
	float: left;
	margin-left: 240px;
	position: relative;
}
.logo5 img{
	border: none;
	position: relative;
	top: 100px;
	width: 100px;
	height: 100px;
	transition: all 5s;
}
.logo5 img:hover{
	transform: translateX(20px);
}
.logo5 li p:nth-child(2){
	margin-top: 120px;
	margin-left: -22px;
	font-size: 20px;
}
.logo5 li p:nth-child(3){
	margin-top: 20px;
	margin-left: -22px;
	color: #999999;
}
.logo5 li p:nth-child(4){
	margin-left: -22px;
	margin-top: 3px;
	color: #999999;
}
.logo6 {
	position: relative;
	width: 1580px;
	height: 800px;
	float: left;
	background: url(../img/11k.jpg) no-repeat;
	/*插入背景图片  不平铺*/
	margin-top: 290px;
}
.logo6 h3{
	color: #fff;
	font-size: 30px;
	text-align: center;
	margin:0 auto;
	padding-top: 50px;
	animation: to 10s infinite;
}
@keyframes to {
    50%{color: #FF00FF;}
}
.logo7{
	border-bottom: 2px solid #D90000;
	width: 100px;
	margin: 25px auto;
}
.logo8{
	width: 1200px;
	height: 170px;
	margin: 0 auto;
	margin-top: 80px;
}
.logo8 li{
	float: left;
	width: 240px;
	height: 170px;
	margin-left: 50px;
	margin-top: 50px;
}
.logo8 img{
	width: 240px;
	height: 170px;
	opacity: 0.4;
}
.logo8 li p{
	display: none;	/*隐藏文字*/
	position: relative;
	top: -130px;
	text-align: center;
	color: #FFFFFF;
	animation: log 10s infinite;
}
/*设置关键帧*/
@keyframes log {
    50%{color: #4D4DFF;}
}
.logo8 li p:nth-child(5){
	margin-top: 40px;
}
.b{
	margin-top: 48px;
}
.logo8 li:hover P{
	display: block;
	/*显示文字*/
}
.logo9{
	width: 1200px;
	height: 60px;
	line-height: 30px;
	text-align: center;
	margin-left: 180px;
	margin-top: 330px;
}
.logo9 h5{
	font-size: 20px;
	color: #FFFFFF;
}
.logo9 h5:hover{
	color: #FF7373;
}
.logo10 {
	position: relative;
	width: 1580px;
	height: 800px;
	float: left;
	background: url(../img/20k.jpg) no-repeat;
	margin-top: 49px;
}
.logo10 h3{
	color: #73FFFF;
	font-size: 30px;
	text-align: center;
	margin:0 auto;
	padding-top: 100px;
	animation: to 10s infinite;
	/*动画的时间*/
}
.logo11{
	border-bottom: 2px solid #D90000;
	width: 100px;
	margin: 25px auto;
}
.logo111 h5{
	color: #999999;
	text-align: center;
	font-size: 18px;
	text-shadow: 1.2px 1.2px #99FFE5;
	/*文本阴影*/
}
.logo12 li{
	float: left;
	margin-left: 195px;
}
.logo12 li:nth-child(1){
	background: url(../img/21k.png); /*背景图片*/
	width: 270px;
	height: 315px;
	margin-top: 120px;
}
.logo12 li:hover:nth-child(1){
	background: url(../img/21.png);
	background-position: -270px 0 ;/*背景定位*/
}
.logo12 li:nth-child(2){
	background: url(../img/22k.png);
	width: 270px;
	height: 315px;
	margin-top: 120px;
}
.logo12 li:hover:nth-child(2){
	background: url(../img/22k.png);
	background-position: -270px 0 ;
} 
.logo12 li:nth-child(3){
	background: url(../img/23k.png);
	width: 270px;
	height: 315px;
	margin-top: 120px;
}
.logo12 li:hover:nth-child(3){
	background: url(../img/23k.png);
	background-position: -270px 0 ;
}
.logo12 li h4{
	color: #FF5C26;
	text-align: center;
	margin-top: 350px;
	animation: aa 9s linear infinite; /*aa是起的名字 infinite永久循环 linear线性变化*/
} 
@keyframes aa{
	0%{
		transform:rotateY(0); /*以Y轴旋转0*/
	}
	50%{
		transform: rotateY(180deg);/*以Y轴旋转180*/
	}
	100%{
		transform:rotateY(360deg);/*以Y轴旋转360*/
	}
}
.logo13{
	background: url(../img/24k.jpg);
	position: relative;
	width: 1581px;
	height: 800px;
	float: left;
}
.logo13 h3{
	color: #00B2B2;
	font-size: 30px;
	text-align: center;
	margin:0 auto;
	padding-top: 100px;
	animation: aa 9s linear infinite;
}
.logo14{
	border-bottom: 2px solid #D90000;
	width: 100px;
	margin: 25px auto;
}
.logo15 h2{
	color: #FFFFFF;
	font-size: 35px;
	text-align: center;
	margin-top: 100px;
	line-height: 58px;
}
.logo16{
	border: 2px solid #EA524E;
	width: 280px;
	height: 80px;
	margin: 180px auto;
}
.logo16 a{
	color: #EA524E;
}
.logo16 li{
	text-align: center;
	line-height: 80px;
	font-size: 25px;
	transition: all 2s linear;
}
.logo16 li:hover{
	transform: scale(1.1);
}
.logo17{
	background: url(../img/25k.jpg);
	position: relative;
	width: 1581px;
	height: 800px;
	float: left;
}
.logo17 h3{
	color: #7A4DFF;
	font-size: 30px;
	text-align: center;
	margin:0 auto;
	padding-top: 100px;
	animation: aa 9s linear infinite;
}
.logo18{
	border-bottom: 2px solid #D90000;
	width: 100px;
	margin: 25px auto;
}
.logo19{
	color: #999999;
	text-align: center;
	margin-top: 50px;
	font-size: 25px;
	text-shadow: 1.2px 1.2px #999999;
	/*文本阴影*/
}
.logo20 li{
	float: left;
	margin-left: 210px;
	margin-top: 100px;
	background: #FFFFFF;
}
.logo20 li:nth-child(1){
	text-align: center;
	width: 245px;
	height: 340px;	
}
.logo20 li:nth-child(2){
	text-align: center;
	width: 245px;
	height: 340px;	
}
.logo20 li:nth-child(3){
	text-align: center;
	width: 245px;
	height: 340px;	
}
.logo20 h4:nth-child(2){
	margin-top: 8px;
}
.logo20 li p{
	font-size: 13px;
	color: #999999;
}
.logo20 li p:nth-child(1){
	margin-top: 8px;
}
.logo20 img:nth-child(3){
	margin-top: 50px;
	transition: all 3s;
}
.logo20 img:hover{
	transform: translateY(20px);
}
.logo20 li p:nth-child(4){
	margin-top: 50px;
}
.logo21{
	background: url(../img/29k.jpg);
	position: relative;
	width: 1581px;
	height: 800px;
	float: left;
}
.logo21 h3{
	color: #FFBFFF;
	font-size: 30px;
	text-align: center;
	margin:0 auto;
	padding-top: 100px;
	animation: aa 9s linear infinite;
}
.logo22{
	border-bottom: 2px solid #D90000;
	width: 100px;
	margin: 25px auto;
}
.logo23{
	color: #999999;
	text-align: center;
	margin-top: 50px;
	font-size: 25px;
	text-shadow: 1.3px 1.3px #999999;
	/*文本阴影*/
}
.logo24 li{
	float: left;
	margin-left: 90px;
	margin-top: 100px;	
}
.logo24 li a{
	display: block;/*块元素*/
	position: relative;
}
.logo24 li a>div{
	border: 2px solid #C62F2F;
	width: 160px;
	height: 184px;
	background:rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	display: none;
}
.logo24 li a>div>p:nth-child(1){
	text-align: center;
	padding-top: 70px;
	color: #C62F2F;
}
.logo24 li a>div>p:nth-child(2){
	text-align: center;
	padding-top: 5px;
	color: #C62F2F;
}
.logo24 li a:hover div {
	display: block;
}
.logo24 h5{
	color: #FFFFFF;
	text-align: center;
	margin-top: 10px;
	font-size: 20px;
}
.logo24 img{
	opacity: 0.7;
}
.logo25 img{
	border: 1px solid red;
	width: 50px;
	height: 50px;
}
.logo25 li{
	margin-top: 500px;
	margin-left: 1520px;
}
.logo25 li a {
	display: block;
}

